<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/buy_comm.css"/>
    <link rel="stylesheet" type="text/css" href="../buy_group/group.css">
    <link rel="stylesheet" type="text/css" href="./css/product_hot.css">
    <title>热门推荐</title>
</head>

<body>
	<div class="header navigationBar">
      	<div class="wrapper">
          	<span id="btn-back" class="header-btn left-btn backtrack"></span>
          	<span class="title">热门推荐</span>
            <form class="search-form">
              <input type="text" class="search-goods">
            </form>
          	<span class="right-btn"><img src="../../../image/shop/buy/buy-66.png"/></span>
      	</div>
  	</div>
  	<div class="container top-container">
  		<div class="group-nav">
	  		<nav>
	  			<a class="type-nav active" href="javascript:void(0);" @click="changeList(0, -1)"><span>全部</span></a>
	  			<a class="type-nav" href="javascript:void(0);" v-for="(item, index) in classifyList" @click="changeList(index+1, item.category_id)">
            <span v-text="item.name" data-id="item.category_id"></span>
          </a>
	  		</nav>
  		</div>
  		<ul class="group-list product-hot-list">
        <li v-for="item in goodsList"  @click="toGoodsDetail(item.goods_id,item.group_booking)" v-if="!item.is_yzc ? true : (item.is_audit == 1 ? false : true)">
          <div class="img_frame">
            <img :src="item.cover+'?x-oss-process=image/resize,m_lfit,w_960'"/>
          </div>
          <section>
            <h2 v-text="item.name">商品标题</h2>
            <b>¥{{item.group_booking ? item.group_price : item.sale_price}}</b>
            <div>
              <span>库存{{item.all_stock}}</span>
              <div>
              </div>
            </div>
          </section>
          <div class="fenyon" v-if="userInfo.team_leader_level >= 1 && (item.commission1_rate != 0 || item.commission2_rate != 0)">
            <p v-if="item.commission1_rate != 0">一级佣金{{item.commission1_rate}}%</p>
            <p v-if="item.commission2_rate != 0">二级佣金{{item.commission2_rate}}%</p>
          </div>
        </li>

        <li v-for="item in goodsList" @click="toGoodsDetail(item.goods_id, item.group_booking, item.is_yzc)" v-if="item.is_yzc && item.is_audit ==1">
          <div class="img_frame">
            <img :src="item.cover+'?x-oss-process=image/resize,m_lfit,w_960'"/>
          </div>
          <section>
            <h2 v-text="item.name">商品标题</h2>
            <p class="yzc-price">
              <img src="../../../image/shop/yzc_icon.png" width="18px" height="18px" style="display: inline-block" alt="">
              <b v-text="item.yzc">¥245.00</b>
            </p>

            <div>
              <span>库存{{item.is_yzc && item.is_audit ==1 ? item.stock : item.all_stock}}</span>
              <div>
              </div>
            </div>
          </section>
        </li>
  		</ul>
  	</div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./js/product_hot.js"></script>

</html>
